import React from 'react'
import {
    Form,
    Input,
    Button,
} from "antd-mobile"

function index() {
    const onFinish=(value:any)=>{
        console.log(value)
    }
    return (
        <div>
            <Form
                layout='horizontal'
                onFinish ={(value)=>onFinish(value)}
                footer={
                    <Button block type='submit' color='success'>
                        立即查询
                    </Button>
                }
            >
                <Form.Item
                    name='公司名称'
                    label='公司名称'
                    rules={[{ required: true, message: '姓名不能为空' }]}
                >
                    <Input  placeholder='请输入姓名' />
                </Form.Item>
                <Form.Item
                    name='品牌'
                    label='品牌'
                    rules={[{ required: true, message: '姓名不能为空' }]}
                >
                    <Input  placeholder='请输入姓名' />
                </Form.Item>
                <Form.Item
                    name='产品'
                    label='产品'
                    rules={[{ required: true, message: '姓名不能为空' }]}
                >
                    <Input  placeholder='请输入姓名' />
                </Form.Item>
                <Form.Item
                    name='证书编号'
                    label='证书编号'
                    rules={[{ required: true, message: '姓名不能为空' }]}
                >
                    <Input  placeholder='请输入姓名' />
                </Form.Item>
            </Form>
        </div>
    )
}

export default index
